const state={
	//要设置的全局访问的state对象
     cutImagePanel: false,
     cutImage:null
    
   };

const getters = { 
	 //实时监听state值的变化(最新状态)
    isShow(state) {  //方法名随意,主要是来承载变化的cutImagePanel的值
       return state.cutImagePanel
    },
    getCutImage(state){
    	return state.cutImage
    }
};

const mutations = {
	
    show(state) {   //自定义改变state初始值的方法，这里面的参数除了state之外还可以再传额外的参数(变量或对象);
        state.cutImagePanel = true;
    },
    hide(state) {  //同上
        state.cutImagePanel = false;
    },
    setcutImage(state,data){
    	state.cutImage = data;
    }

};

const actions = {
    hidecutImagePanel(context) {  //自定义触发mutations里函数的方法，context与store 实例具有相同方法和属性
        context.commit('hide');
    },
    showcutImagePanel(context) {  //同上注释
        context.commit('show');
    },
    setcutImageData(context,data){
    	
    	context.commit('setcutImage',data);
    }
   
};

module.exports = {
	  namespaced:true,//用于在全局引用此文件里的方法时标识这一个的文件名
	  state,
	  getters,
	  actions,
	  mutations
}
